*{
    margin: 0px;
    padding: 0px;
}
#center{
    width: 1519.2px;
    height: 3000px;
}
div.outer{
    width: 1519.2px;
    /* height: 10000px; */
    margin: 0 auto;       
}
.header_top{
    width: 1519.2px;
    height: 30px;
    background-color: #e3e4e5;
}
div.header_top div.w{
    width: 1190px;
    height: 100%;
     border-bottom: 1px solid #ddd;
     margin: 0px 164.6px;

 }
div.w div.header_top_left{
    float: left;
    width: 58px;
    height: 30px;
}
div.header_top_left span.a{
    color:red ;
    font-size: 14px;
}
div.header_top_left span.address{
    font-size: 12px;
    color: #999999;
    height: 30px;
    line-height: 30px;    
   }
/* div.w div{
   float: left;
 } */
div.w div.header_top_right{
    float: right;
    width: 718.11px;
    height:30px;
    /* margin-left: 428px; */
 }
div.w div.header_top_right span{
    font-size: 12px;
    padding: 12px;
    height: 30px;
    line-height: 30px;
 }
div #sign,#dingdan,#jd,#huiyuan,#fuwu,#daohang,#shouji{
    color: #999999;
}
div #zhuce,#caigou{
    color: #ff0000;
 }
.header_bot{
    position: absolute;
    width: 1519.2px;
    height: 120px;
    background-color: #FFFFFF;
    color: #666666;
  }
.search{
    z-index: 1000;/*叠加时显示z-index值更大的*/
    margin:0 164.6px;
    width: 1190px;
    height: 60px;
    position:sticky;
    background-color: #FFFFFF;
    top: 0px;
    border-bottom: 2px solid #f10214;  
}
.search div{
    position: absolute;
}
.search .icon-jingdong{
    font-size: 30px;
    color: red;
    top: 26px;
    left: 70px;
}
 .search .form{
    left: 260px;
    top: 25px;
    width: 546px;
    height: 32px;
    border: 2px solid #e2231a;
    background: #fff;
    margin-right: 15px;
}
.search .form .icon-xiangji{
    display: inline-block;
    font-size: 22px;
    height: 15px;
    top: 5px;
    left: 450px;
    cursor: pointer;
}
.search .form .button{
    position: absolute;
    top: 0;
    outline: none;
    border-radius: 0;
    right: 0;
    width: 58px;
    height: 32px;
    line-height: 32px;
    border: none;
    cursor: pointer;
    background-color: #e1251b;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    transition: background .2s ease;
}
.search .form #key{
    width: 425px;
    height: 26px;
    border: 1px solid transparent;
    line-height: 26px;
    font-size: 12px;
    padding: 2px 44px 2px 17px;
} 
 .search .gwc{
    width: 130px;
    height: 34px;
    left: 830px;
    top: 25px;
    line-height: 34px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #e3e4e5;
}
.gwc .icon-gouwuche-copy{
    float: left;
    color: #e1251b;
    margin: 0 13px 0 0;
    font-size: 25px;     
}
.gwc .c{
    float: left;
    text-align: center;
    color: #e1251b;
    font-size: 13px;
    text-decoration: none;
 }


.article_top{
    /* background: #f4f4f4; */
    height: 710px;
    position: relative;
}
/*搜索热词*/
.article_top .hot{
    /* position: absolute; */
    width: 1190px;
    margin: 0 164.6px 0 424.6px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    margin-top:15px;
    /* top: 100px;
    left: 194px; */
}
.article_top .hot .hot_center{
    width: 483.25px;
    height: 20px;
    /* margin-left: 260px; */
}
.article_top .hot a{
    text-decoration: none;
    float: left;
    margin-right: 10px;
}
.article_top .hot .jj{
    color: #c81623;
}
/*一级导航栏*/
.nav{
    position: absolute;
    top: 30px;
    width: 761.74px;
    height: 30px;
    padding: 30px 0px 0px ;
    margin-left:370px; 
    text-align: center;
    word-spacing: 15px;
}
.nav a {
    text-decoration: none;
    font-size: 15px;
    color: #333333;
} 
.nav .ms,div.nav .yhj{
    color: red;
    font-weight: 700;
}
/*logo*/
.article_top .logo{
    width: 190px;
    height: 120px;
    /* background-color: blue; */
    position: absolute;
    left: 164.6px;
    top: 0;
}
.article_top .logo img{
    width: 100%;
    height: 100%;
}
/*左侧灰色菜单栏*/
.article_top .left{
    margin: 100px 15px 20px 153px;
    width: 220px;
    height: 557px;
    float: left;
    font-size: 14px;
    padding-top: 10px;
    background-color: #cccccc;
    position: relative;
 }
 div.article_top::after{
     clear: both;
 }
 div.article_top .left  p{
    color: black;
    text-align: left;
    height: 30px;
    line-height: 30px;
}
div.article_top .left  a:hover{
    color: red;
}
div.article_top .left  p:hover{
    cursor: pointer;
    background-color: white;
}
.left .pa,.left .pb,.left .pc,.left .pd,.left .pe,.left .pf,.left .pg,
.left .ph,.left .pi,.left .pj,.left .pk,.left .pl,.left .pm,.left .pn,
.left .po,.left .pp,.left .pq,.left .pr{
 /*pa,pb,pc等表示家用电器等一行菜单*/
    width: 100%;
    height: 30px;
}
.pa .a,.pb .b,.pc .c,.pd .d, .pe .e, .pf .f, .pg .g, .ph .h, .pi .i,
.pj .j, .pk .k, .pl .l, .pm .m, .pn .n, .po .o, .pp .p, .pq .q, .pr .r{
    /*给每个二级菜单设置宽高等属性*/
    width: 989px;
    height: 587px;
    background-color: #fff;
    position: absolute;
    left:220px;
    top: 0px;
    display: none;
    box-shadow:2px 2px 2px black;
}
.pa:hover .a,.pb:hover .b,.pc:hover .c,.pd:hover .d,.pe:hover .e,
.pf:hover .f,.pg:hover .g,.ph:hover .h,.pi:hover .i,.pj:hover .j,
.pk:hover .k,.pl:hover .l,.pm:hover .m,.pn:hover .n,.po:hover .o,
.pp:hover .p,.pq:hover .q,.pr:hover .r{
  /*pa等鼠标移入时二级菜单a显示，但重要前提是pa是a的父级元素,详情见t2.htm*/  
   display: block;
}
/*二级菜单a里有三个直接子元素分别为topa,lefta,righta*/
.topa,.topb,.topc,.topd,.tope,.topf,.topg,.toph,.topi,.topg,.topk,.topl,
.topm,.topn,.topo,.topp,.topq,.topr{
    width: 760px;
    height: 30px;
    background-color:white;
    margin:20px 0 0 20px;
}
.topa a,.topb a,.topc a,.topd a,.tope a,.topf a,.topg a,.toph a,.topi a,
.topg a,.topk a,.topl a,.topm a,.topn a,.topo a,.topp a,.topq a,.topr a{
    /*给每个二级菜单的top中的a标签设置属性*/
    float: left;
    margin-right: 10px;
    padding: 0 10px;
    height: 30px;
    background-color: #333;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.topa::after{
    display: block;
    content: none;
    clear: both;
}
.lefta,.leftb,.leftc,.leftd,.lefte,.leftf,.leftg,.lefth,.lefti,.leftg,.leftk,
.leftl,.leftm,.leftn,.lefto,.leftp,.leftq,.leftr{
    /*给每个二级菜单里的left设置属性*/
    width: 760px;
    height: 500px;
    /* background-color: pink;  */
    margin: 20px 0 0 20px; 
}
.lefta>div,.leftb>div,.leftc>div,.leftd>div,.lefte>div,.leftf>div,.leftg>div,
.lefth>div,.lefti>div,.leftg>div,.leftk>div,.leftl>div,.leftm>div,.leftn>div,
.lefto>div,.leftp>div,.leftq>div,.leftr>div{
/*二级菜单left里每个div设置宽高定位*/    
    width: 760px;
    height: 32px;
    position: absolute;
    left: 20px;
}
.lefta a,.leftb a,.leftc a,.leftd a,.lefte a,.leftf a,.leftg a,.lefth a,
.lefti a,.leftg a,.leftk a,.leftl a,.leftm a,.leftn a,.lefto a,.leftp a,
.leftq a,.leftr a{
    /*二级菜单子元素lefta中的普通a标签设置*/
    float: left;
    font-size: 12px;
    text-decoration: none;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
}
.lefta::after{
    display: block;
    content: none;
    clear: both;
}
.lefta>div>a,.leftb>div>a,.leftc>div>a,.leftd>div>a,.lefte>div>a,.leftf>div>a,
.leftg>div>a,.lefth>div>a,.lefti>div>a,.leftj>div>a,.leftk>div>a,.leftl>div>a,
.leftm>div>a,.leftn>div>a,.lefto>div>a,.leftp>div>a,.leftq>div>a,.leftr>div>a{
    /*不同与普通a标签,行标题a标签需要另行设置*/
    width: 70px;
    text-align: right;
    font-weight: 900;
    color: black;
}
.lefta .a1,.leftb .b1,.leftc .c1,.leftd .d1,.lefte .e1,.leftf .f1,.leftg .g1,
.lefth .h1,.lefti .i1,.leftj .j1,.leftk .k1,.leftl .l1,.leftm .m1,.leftn .n1,
.lefto .o1,.leftp .p1,.leftq .q1,.leftr .r1{
    top: 70px;
     /*目前用父元素一级菜单left相对定位，子元素二级菜单a1绝对定位确定a7位置*/
}
.lefta .a2,.leftb .b2,.leftc .c2{
    top: 100px; 
}
.lefta .a3,.leftb .b3{
    top: 130px;   
}
.leftc .c3{
    top: 160px;
}
.lefta .a4{
    top: 160px;           
}
.leftb .b4{
    top: 190px;
}
.leftc .c4{
    top: 220px;
}
.lefta .a5{
    top: 190px;
}
.leftb .b5{
    top: 220px;
}
.leftc .c5{
    top: 250px;
}
.lefta .a6,.leftb .b6{         
    top: 250px;
}
.leftc .c6{
    top: 280px;
}
.lefta .a7{
    top: 310px;
}
.leftb .b7{
    top: 280px;
}
.leftc .c7{
    top: 340px;
}
.lefta .a8,.leftc .c8{
    top: 370px;
}
.leftb .b8{
    top: 310px;
}
.lefta .a9,.leftc .c9{
    top: 400px;
}
.righta img,.rightb img,.rightc img,.rightd img,.righte img,.rightf img,
.rightg img,.righth img,.righti img,.rightj img,.rightk img,.rightl img,
.rightm img,.rightn img,.righto img,.rightp img,.rightq img,.rightr img{
    /*给每个二级菜单的图片设置绝对定位*/
    position: absolute;
    right: 0;
    top: 0;
    width: 209px;
    height: 587px;
}
   
    /*最大轮播图*/
.article_top .center{
    width: 989px;
    height: 587px;
    float: left;
    margin:  100px 15px 20px 0px;  
}
.article_top .center .center_left {
    width: 738px;
    height: 577px;
    margin:0 10px 0 0;
    float: left; 
    overflow: hidden;
    background: #f4f4f4;
} 
.article_top .center::after{
    clear: both;
}
.center_left .move{
    width: 3690px;
    height: 577px;
    /* background-color:red; */
    animation:move 15s infinite;
    /* 上述语句等于以下三句
    animation-name:move;
    animation-duration: 15s;
    animation-iteration-count: infinite; */
    animation-timing-function: steps(5);
}
.move>div{
    float: left;
    width: 738px;
    height: 577px;
    display: flex;
}
.move>div img{
    width: 90%;
    height: 90%;
    margin: auto;
}
@keyframes move{
    form{
        margin-left: 0px;
    }
    to{
        margin-left: -3690px;
    }
}
.article_top .center .center_right{
    float: left;
    margin-left: 10px;
    height: 587px;
    width: 210px;
    overflow: hidden;
}
.center_right .move1{
    width: 210px;
    height: 1701px;
    animation:move1 9s infinite;
    animation-timing-function: steps(3);
}
.center_right .move1>div{
    margin-bottom: 10px;
    width: 210px;
    height:189px;
}
.move1>div img{
    width: 100%;
    height: 100%; 
}
@keyframes move1{
    form{
        margin-top: 0px;
    }
    to{
        margin-top: -1781px;
    }
}
.move1 img:hover,.ms img:hover,.pd img:hover,.tj img:hover{
   opacity: 0.8;/*鼠标移入时图片透明度*/
}

/*核心区域，京东秒杀开始*/
.article_body{
    clear: both;
    background-color: #f4f4f4;
    position: relative;
    height: 2000px;
}
 /*以下为右侧导航栏*/
.right{
    position: sticky;
    left: 1376px;
    top: 61.6px;
    width: 58px;
    height: 360px;
    z-index: 100;
}
.right>div{
    height: 60px;
    background-color: white;
    position: relative;
}
.right>div:hover,.right>a:hover{
    background-color: #e1251b;
    color: #fff;
    cursor: pointer;
}
.right span{
    /*设为块级元素并设置宽高大小*/
    display:block;
    font-size: 14px;
    text-align: center;
    width: 28px;
    height: 38.2px;
    /*用定位属性块块居中*/
    position: absolute;
    top: 10.9px;
    left: 15px;
}   
.icon-fankui{
    display: block;
    width: 28px;
    height: 16.8px;
    font-size: 12px;
}
.right a{
    text-decoration: none;
    display: block;
    height: 60px;
    background-color: white;
    position: relative;
    color: black;
}

/*以下为京东秒杀*/
.article_body .ms{
    position: absolute;
    top: 0;
    display: flex;
    width: 1203px;
    height: 260px;
    flex-direction: row;
    /* background-color: aquamarine; */
    margin-left: 153px;
    margin-bottom: 20px;
    color: #fff;
    border: 1px solid #f4f4f4;
}
.ms>div{
    flex: 1;
    cursor: pointer;
    background: #f4f4f4;
}
.ms a:hover{
    color: red;
}
.ms .jdms{
    background-image: url(./images/a.png);
    background-color: #e83632;;
    /* background-size: contain; */
    background-position: 50%;
    /* background-repeat: no-repeat; */
}
.jdms-title{
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 31px;
}
.jdms-djs{
    margin-top: 90px;
    font-size: 14px;
    text-align: center;
}
.jdms-djs strong{
    font-size: 23px;
    padding-right: 2px;
    display: inline-block;
    margin-top: -1px;
    vertical-align: middle;
}

.img1,.img2,.img3,.img4,.img5{
    width: 140px;
    height: 140px;
    /* background-color: aquamarine; */
    margin: 30px 30px 0 30px;
}
.name1,.name2,.name3,.name4,.name5{
    width: 160px;
    height: 18px;
    /* background-color: red; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 13px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;/*...形式隐藏*/
    white-space: nowrap;
}
.name1 a{
    text-decoration: none;
}
.price1,.price2,.price3,.price4,.price5{
    width: 160px;
    height: 24px;
    border: 1px solid red;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}
.price1 .ms-price1,.price2 .ms-price2,.price3 .ms-price3,.price4 .ms-price4,
.price5 .ms-price5{
    float: left;
    width: 92px;
    color: white;
    background-color: #e1251b;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    line-height: 24px;
}
/* .ms-price1:nth-child(1){
    font-size: 12px;
} */
.price1 .y-price1,.price2 .y-price2,.price3 .y-price3,.price4 .y-price4,.price5 .y-price5{
    float: left;
    width: 66px; 
    text-align: center;
}
.y-price1 span,.y-price2 span,.y-price3 span,.y-price4 span,.y-price5 span{
    font-size: 13px;
    line-height: 24px;
    color: #999;
    text-decoration: line-through;
}

/*以下为频道广场*/
.article_body .pd{
    position: absolute;
    top: 280px;
    /* background-color: black; */
}
.article_body .pd .pd_box1{
    /* clear: left; */
    width: 1190px;
    height: 370px;
    background-color: snow;
    margin:0 auto  ;
}

.pd .pd_top{
    clear: left;
    /* float: left; */
    width: 1519.2px;
    height: 45px;
    background: color #999999; 
    margin-bottom: 40px;    
}
.pd_top_name{
    /* float: left; */
    width: 1190px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 0 164.6px;
    font-size: 28px;
    color: #333333;
    
}
.pd .pd_left{
    float: left;
    width: 590px;
    height: 370px;
}
.pd .pd_right{
    float: left;
    width: 600px;
    height: 370px;
   
}
.pd .pd_left>div{
    float: left;
    width: 290px;
    height: 370px;
    background-color: white;
  }
.pd .pd_left>div.one{
    margin-right: 10px;
  }
.pd .pd_right>div{
    float: left;
    width: 290px;
    height: 180px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.pd_box2{
    width: 1190px; 
    height: 560px;
    margin: 10px auto;
    /* padding-left: 0px; */
}
.pd_box2>div{
    float: left;
    width: 290px;
    height: 180px;
    margin: 0 10px 10px 0;
 }
.pd_box2 .four,.pd_box2 .eight,.pd_box2 .twe{
    margin-right: 0;
}
.pd_box2 img{
    width: 100%;
    height: 100%;
}
/*为你推荐*/
.article_body .tj{
    position: absolute;
    top: 1290px;
}
.tj .tj_top{
    clear: left;
    /* float: left; */
    width: 1519.2px;
    height: 45px;
    background: color #999999; 
    margin-top: 40px;  
} 
.tj_top_name{
    width: 1190px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    color: #333333;
}
.tj_box{
    /* clear: left; */
    width: 1190px; 
    height: 654px;
    margin: 0 auto;
    /* background-color: pink; */
}
.tj_box>div{
    float: left;
    width: 230px;
    height: 322px; 
    margin-bottom: 10px;
 }
.tj_box>.two,.three,.four,.five,.seven,.eight,.nine,.ten{
    margin-left: 10px;
}
#one,#two,#three,#four,#five,#six,#seven,#eight,#nine,#ten{
    width: 230px;
    height: 230px;
    /* background-color: red; */
    box-sizing: border-box;
    padding: 40px;
}
.one .i1,.two .i2,.three .i3,.four .i4,.five .i5,.six .i6,.seven .i7,.eight .i8,.nine .i9,.ten .i10{
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    height: 48px;
    padding: 10px 20px 0;
    overflow: hidden;
}
.i1_,.i2_,.i3_,.i4_,.i5_,.i6_,.i7_,.i8_,.i9_,.i10_{
    height: 48px;
    text-decoration: none;
}
 p{
    padding-left: 20px;
    margin-top:0px;
}
#mo,#y{
    font-size: 12px;
    font-weight: 800;
    color: #e1551b;
}
 #ne{
    font-size: 20px;
    font-weight: 800;
    color: #e1551b;
}